{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
<link rel="stylesheet" href="__PUBLIC__/admin/gzh/css/bbkz.css?v=20221110&times={:time()}" />
<link rel="stylesheet" href="__PUBLIC__/admin/material/css/iconfont.css" />
<link rel="stylesheet" href="__PUBLIC__/admin/material/css/tooltipify.css"></link>
{include file="material/_ali_icon" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<style>
.main-box-body .navs .active {
    background: azure;
    color: #03a9f4;
    border: 1px solid #03a9f4;
    border-radius: 5px;
}
a {
    color: #777;
	text-decoration:none;
}
a:hover { text-decoration :none}
.table tbody>tr>td {padding: 3px 8px;}
.table-hover>tbody>tr:nth-child(odd){background-color: #f9f9f9;}
.table-responsive {
    min-height: 470px;
}

</style>
<style>
	.uploadify-button-text{
		position: relative;
		display: inline-block;
		cursor: pointer;
		background: #fff;
		padding: 0px 5px;
		color: #333;
		text-align: center;
		border-radius: 3px;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	em{
		color: red;
	}
	</style>
{/block}
{block name="body"}
<div class="main-box clearfix">
	<div class="main-box-body clearfix">
		<div class="tiktok">
			<div class="row toolTip">
				<div class="col-md-3">
					<div class="panel panel-default">
						<div class="panel-body">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
						</div>
						<div class="panel-footer">
							<div style="flex: 1;width:0;margin-right: 5px;">
								<span>小姐</span>
								
							</div>
							<div>
								<div style="margin-right:5px">复制</div>
								<div>删除</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="panel panel-default">
						<div class="panel-body">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
						</div>
						<div class="panel-footer">
							<div style="flex: 1;width:0;margin-right: 5px;">
								<span>小姐</span>
								
							</div>
							<div>
								<div style="margin-right:5px">复制</div>
								<div>删除</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="panel panel-default">
						<div class="panel-body">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
						</div>
						<div class="panel-footer">
							<div style="flex: 1;width:0;margin-right: 5px;">
								<span>小姐</span>
								
							</div>
							<div>
								<div style="margin-right:5px">复制</div>
								<div>删除</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="panel panel-default">
						<div class="panel-body">
							<img src="https://img0.baidu.com/it/u=1088754973,1390499664&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668358800&t=f87cf7ff43b52bc744531b5bdd5b7509" alt="">
						</div>
						<div class="panel-footer">
							<div style="flex: 1;width:0;margin-right: 5px;">
								<span>小姐</span>
								
							</div>
							<div>
								<div style="margin-right:5px">复制</div>
								<div>删除</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


{/block}
{block name="script"}
<script src="__PUBLIC__/admin/material/js/jquery-tooltipify.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script src="__PUBLIC__/plugs/moment/moment.min.js"></script>
<script src="__PUBLIC__/plugs/moment/zh-cn.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<script type="text/javascript">
$(function() {
	
	$('#createUrl').on('click',function(){
		
		var $modal = $('#create-referral-link-modal');
		$modal.on('shown.bs.modal', function () {
			//默认选择外
			multipleInput('4'.split(','),$("input:checkbox[name=hot]"));
			$('#picker_ebook').html('<div>上传文案</div>')
			$("#picker_ebook").SentUploader({
				server:"{:url('Upload/Uploadtxt')}",
				fileNumLimit:1,
				uploadEvents: {
					uploadComplete:function(file){}
				},
				listName : 'fileList_ebook',
				hiddenName: 'field_ebook',
				hiddenValType:2,
				fileSingleSizeLimit:50*1024*1024,
				closeX:true
			},
			{
				fileType: 'service',
				filename : 'images',
			});
		});	
		$modal.modal({backdrop: 'static', keyboard: false});
	});
	
});

</script>
{/block}